<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
	<head>
		<meta charset="utf-8" />
		<title>人事档案登记</title>
		
		<!-- bootstrap-table -->
			 <link href="${pageContext.request.contextPath }/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath }/static/css/bootstrap-table.css" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/base.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/info-mgt.css" />
		<style type="text/css">
		#ds{
        	position: absolute;
				border: 1px solid #808080;
				width: 752px;
				height: 400px;
				color: #000000;
				top: 130px;
				left: 130px;
			background-image: url(static/img/白色图片.PNG);
			background-color:white;
					z-index: 100;
					display: none;
					border-radius: 5px;
			}
			#section{
			width: 130px;
			}
			#exit{
				border: 1px solid white;
				text-align:center;
				width: 18px;
				height: 15px;
				
				margin-left:730px;
				line-height:10px;
			}
			#ds input{
				width: 110px;
			}
			#ds label{
				
				font-size: 13px;
			}
			#l_left_coding{
				margin-left: 200px;
				margin-top: -23px;
				
			}
			.l_left_section{
				margin-left: 400px;
				margin-top: -23px;
			}
			#pf_state{
				width: 145px;
				height: 21px;
			}
			.biaoge{
				animation: none;
					margin-left: 650px;
					width: 50px;
			}
			#chaxun{
				margin-top: -23px;
				
			}
			#kuang{
				margin-top: 10px;
				width: 300px;
			}
			.tijiao,.fanhui{
				margin-left: 20px;
			}
			
		.providerTable td{
				border: 1px solid  darkgrey;
		}
		.providerTable{
			margin-left: 20px;
		}
		
		 .providerTable th{
		 	/*border-bottom: 0px;*/
		 	border: 1px solid  darkgrey;
		 }
		.providerTable{
			border: 1px solid  darkgrey;
			width: 670px;
			font-size:13px;
			text-align:center;
			margin-top: 20px;
		}
		</style>
		
		</head>
	<body>
			 <!--表格与查询-->
		<div id="ds">
			<div id="exit" onclick="exit()">x</div>
			<div id="l_left_name"><label>职位名称：</label><input type="text" id="p_name"></div>
		<div id="l_left_coding"><label>职位编码：</label><input type="text" id="p_code"></div>
	    <div class="l_left_section"><label>所属部门：</label>
	    <select id="section" name="section">
	    </select>
	    	
	    </div>
	     <div id="chaxun"><button class="biaoge" onclick="selects()">查询</button></div>
	     <div id="kuang"><button class="tijiao" onclick="yes()">确定</button><button class="fanhui" onclick="fanhui()">返回</button></div>
	     	<!-- </form> -->
		<div class="table-box">
        <table id="table" class="table_style"></table>
    </div>
				<input type="hidden" id="path" name="path" value="${pageContext.request.contextPath }"/>
		</div>
		 <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery.js"></script> 
		<script  src="${pageContext.request.contextPath }/static/js/personnelfile/common.js"></script>
		<script src="${pageContext.request.contextPath }/static/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript">
	
	
	function tc(){
			
			$("#ds").show();
		}
		function exit(){
				$("#ds").hide();
				
			}
	/* 	隐藏 */
			function fanhui(){
				$("#ds").hide();
			}
	
			
			</script>
		</body>
   
</html>